<template>
  <div class="result">
      <!-- <h1>{{this.$route.query.plan}}</h1> -->
    <img class="result-plan" :src="res" alt="">
    <!-- <img class="result-plan" src="../assets/images/jg0.png" alt=""> -->
    <img @click="reTry" class="result-retry" src="../assets/images/retry.png" alt="">
  </div>
</template>

<script>
export default {
    name:'result',
    data(){
        return {
            res:'./static/img/jg'+this.$route.query.plan+'.png'
        }
    },
    methods:{
        reTry(){
            this.$router.push('answer')
        }
    }

}
</script>

<style scoped lang='scss'>
    .result{
        height: 100%;
        width: 100%;
        background: url('../assets/images/beijing3.png')no-repeat center/cover;

        &-plan{
            width: 80%;
            margin: 0 auto;
            padding-top: 60%;
        }
        &-retry{
            width: 63%;
            margin: 0 auto;
            border: 0;
            padding-top: 10%;
        }
    }
</style>
